html {
	scroll-behavior: smooth;
}

body {
	hyphens: auto;
	overflow-wrap: break-word;
}
.H3 {
	position: relative;
	z-index: 2;
}


#content_dc_mobile {
	position: relative;
	z-index: 1;
	margin-top: -125px;
	height: 680px;
}

.svg{
	scale: 1.1;
}

.hover-scale {
	transition: transform 0.3s ease;
	transform-origin: center center;
}



/* Font styles*/
.H3{
	font-family: "Tomato Grotesk Regular";
	line-height: 34px;
	font-size: 24px;
}

.h3_koepfe{
	font-family: "Tomato Grotesk Regular";
	line-height: 34px;
	font-size: 24px;
}

.custom_h1{
	font-family: "Tomato Grotesk Bold";
	line-height: 52px;
	font-size: 44px;
}

.fontTGM18{
	font-family: "Tomato Grotesk Medium";
	font-size: 18px;
	color: black;
}

.custom_h2_orange{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 35px;
	color: #EC5528;

}
.custom_h2_pink{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 35px;
	color: #FF00FD;
}

.h3_element_text{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 24px;
	line-height: 34px;
}

.h3_element_text_pink{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 24px;
	line-height: 34px;
	color: #FF00FD;
}

.h3_list_orange{
	font-family: "Tomato Grotesk Regular";
	font-size: 24px;
	line-height: 34px;
	color: #EC5528;
}

.h3_list_pink{
	font-family: "Tomato Grotesk Regular";
	font-size: 24px;
	line-height: 34px;
	color: #FF00FD;
}

.footerStyle{
	font-family: "Tomato Grotesk Regular";
	font-size: 16px;
	line-height: 22px;
	color: white;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;

}

.footerStyleBold{
	font-family: "Tomato Grotesk Bold";
	font-size: 16px;
	line-height: 22px;
	color: white;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;

}

.footerStyleMobileBold{
	font-family: "Tomato Grotesk Bold";
	font-size: 18px;
	line-height: 24px;
	color: white;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.footerStyleMobile{
	font-family: "Tomato Grotesk Regular";
	font-size: 18px;
	line-height: 24px;
	color: white;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

@media (max-width: 767px) {
	.h3_element_text{
		line-height: 31.6px;
		font-size: 22px;
	}

}

@media (max-width: 567px) {
	.paddingRight{
		padding-left: 0px;
	}

}

@media (max-width: 767px) {
	.custom_h2_pink,
	.custom_h2_orange{
		line-height: 38px;
		font-size: 28px;
		padding-left: 20px;
	}

}

@media (max-width: 767px) {
	.h3_list_pink,
	.h3_list_orange{
		font-family: "Tomato Grotesk Regular";
		line-height: 31.6px;
		font-size: 22px;
	}

}

@media (max-width: 767px) {
	.H3 {
		line-height: 33px;
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.h3_koepfe {
		line-height: 31.6px;
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.margin-top-mobile {
		margin-top: 0px;
	}
}

/* Spacer */
.spacer_7{
	margin-top: 7px;
}

.spacer_61{
	margin-top: 61px;
}

.spacer_v_125{
	margin-top: 125px;
}

.spacer_v_100{
	margin-top: 100px;
}
.spacer_desktop_225{
	margin-top: 225px;
}

.spacer_73{
	margin-top: 30px;
}

.spacer_v_75 {
	margin-top: 75px;
}

.spacer_v_45 {
	margin-top: 45px;
}

.spacer_v_50{
	margin-top: 50px;
}

.spacer_25{
	margin-top: 25px;
}

.spacer_15{
	margin-top: 15px;
}

.spacer-bottom-30{
	margin-bottom: 25px;
}

.margin-bottom-75{
	margin-bottom: 75px;
}

.margin-bottom-0{
	margin-bottom: 0;
}

.spacer_mobile_157{
	margin-top: 157px;
}

.spacer_mobile_30{
	margin-top: 30px;
}

/* SVG Animation Styles */
.pointer {
	cursor: pointer;
}

.pointer:hover {
	text-decoration: underline;
	text-decoration-thickness: 0.8px;
}


/* Figures */
.dot {
	background-color: #EC5528;
	border-radius: 50%;
	width: 100%;
	aspect-ratio: 1 / 1;
}

	.square {
		background-color: #FF00FD;
		width: 100%;
		aspect-ratio: 1 / 1;
	}


.semiDot {
	background-color: #EC5528;
	aspect-ratio: 1 / 1;
	width: 100%;
	border-radius: 50%;
	clip-path: inset(0 0 50% 0);
	transform: rotate(135deg);
}

.lineSquare{
	border-top: 0.8px solid #FF00FD;
	opacity: 1;

}
.lineDot{
	border-top: 0.8px solid #EC5528;
	opacity: 1;
}

.lineSemiDot{
	border-top: 0.8px solid #EC5528;
	opacity: 1;
}


/* Position and seperation */
.section{
	scroll-margin-top: 200px;
}

.hr-style{
	border-top: 0.8px solid black;
	opacity: 1;
	margin-bottom: -1px;
	margin-top: 0px;
}


/* Table cell */
.tableCell {
	font-size: 40px;
	width: 10px;
	vertical-align: top;
	padding-right: 10px;
}

@media (max-width: 767px) {
	.tableCell {
		padding-right: 10px;
	}
}


/* Navbar Styles*/
.navbar{
	padding-bottom: 25px;
	padding-top: 25px;
	border-bottom: 0.8px solid black;
}

.navbar-brand .logo-img-mobile{
	height: auto;
	width: 200px;
}

.navbar-nav {
	display: flex;
	align-items: flex-end;
}

.nav-font-style{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 16px;
	color: black;
	border-bottom: transparent;
}

.nav-btn-font-style{
	font-family: "Tomato Grotesk SemiBold";
	font-size: 14px;
	letter-spacing: 2px;
}

.nav-mail-btn-style{
	background-color: #FF00FD;
	margin-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	color: white;
}

.nav-tel-btn-style{
	background-color: #EC5528;
	margin-right: -20px;
	padding-bottom: 7px;
	padding-top: 7px;
	color: white;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.nav-link.nav-font-style {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 993px) {
	.nav-font-style:hover {
		padding-bottom: 25px;
		border-bottom: 4px solid black;
	}

	.navbar-nav .nav-link:hover {
		color: black;
	}
}

.nav-link{
	display: inline;
}

.no-hover:hover{
	color: white;
}

.navbar .navbar-nav .nav-link {
	padding-right: 0;
	padding-left:0;
}
.nav-font-style-mob{
	font-family: "Tomato Grotesk Regular";
	font-size: 28px;
	line-height: 50px;
	color: white;
	border-bottom: transparent;
}

.nav-half-zab-top{
	margin-top: 25px;
}

.nav-half-zab-bottom{
	margin-bottom: 30px;
}


@media (max-width: 992px) {

	.navbar-nav{
		display: flex;
		align-items: center;
	}

	.navbar-toggler {
		border: none;
	}

	.nav-font-style{
		font-family: "Tomato Grotesk SemiBold";
		font-size: 28px;
		line-height: 50px;
		color: white;
		border-bottom: transparent;
	}

	.navbar{
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 0.8px solid black;
	}

	.navbar.menu-open {
		padding-bottom: 0;
	}


	.bar {
		width: 60px;
		height: 2px;
		background-color: #000;
		transition: all 0.3s ease;
		transform-origin: center;
	}

	.top-bar {
		transform: translateY(-9px);
	}
	.bottom-bar {
		transform: translateY(9px);
	}
	.navbar-toggler.open .top-bar {
		transform: translateY(0) rotate(45deg);
	}

	.navbar-toggler.open .bottom-bar {
		transform: translateY(0) rotate(-45deg);
	}
	.navbar-toggler.open .bar {
		background-color: white;
	}

	#navbarSupportedContent {
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: #FF00FD;
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: transform 0.05s ease;
		transform: translateY(-100%);
	}

	#navbarSupportedContent.show {
		transform: translateY(0);
	}

	#navbarSupportedContent .navbar-nav {
		align-items: center;
	}

	#custom-toggler {
		position: fixed;
		right: 20px;
		top: calc(122px - 66px);
		z-index: 1001;
		width: 60px;
		height: 60px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: none;
		background: transparent;
		cursor: pointer;
	}

}


/* Text Animation */

.text-container {
	overflow: hidden;
	display: block;
}

.animated-text-l1 {
	display: inline-block;
	transform: translateY(100%);
	animation: slideUp 0.3s ease-in-out forwards;
}
.animated-text-l2 {
	display: inline-block;
	transform: translateY(100%);
	animation: slideUp 0.3s ease-in-out forwards;
	animation-delay: 0.3s;
}
.animated-text-l3 {
	display: inline-block;
	transform: translateY(100%);
	animation: slideUp 0.3s ease-in-out forwards;
	animation-delay: 0.6s;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@media (max-width: 1399px) {
	.custom_h1 {
		line-height: 50px;
		font-size: 40px;
	}
}
@media (max-width: 1199px) {
	.custom_h1 {
		line-height: 48px;
		font-size: 38px;
	}
}
@media (max-width: 991px) {
	.custom_h1 {
		line-height: 44px;
		font-size: 34px;
	}
}
@media (max-width: 767px) {
	.custom_h1 {
		line-height: 38px;
		font-size: 28px;
	}
}

/*
*	WebFont Package Licensed to test
*/


	/* Tomato Grotesk Light */
	@font-face {
		font-family: "Tomato Grotesk Light";
		font-weight: 300;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Light.woff2') format('woff2');
	}



	/* Tomato Grotesk Light Slanted */
	@font-face {
		font-family: "Tomato Grotesk Light Slanted";
		font-weight: 300;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Light Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk Regular */
	@font-face {
		font-family: "Tomato Grotesk Regular";
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Regular.woff2') format('woff2');
	}



	/* Tomato Grotesk Regular Slanted */
	@font-face {
		font-family: "Tomato Grotesk Regular Slanted";
		font-weight: 400;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Regular Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk Bold Slanted */
	@font-face {
		font-family: "Tomato Grotesk Bold Slanted";
		font-weight: 700;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Bold Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk Bold */
	@font-face {
		font-family: "Tomato Grotesk Bold";
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Bold.woff2') format('woff2');
	}



	/* Tomato Grotesk Black */
	@font-face {
		font-family: "Tomato Grotesk Black";
		font-weight: 900;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Black.woff2') format('woff2');
	}



	/* Tomato Grotesk Black Slanted */
	@font-face {
		font-family: "Tomato Grotesk Black Slanted";
		font-weight: 900;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Black Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk Thin */
	@font-face {
		font-family: "Tomato Grotesk Thin";
		font-weight: 100;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Thin.woff2') format('woff2');
	}



	/* Tomato Grotesk Thin Slanted */
	@font-face {
		font-family: "Tomato Grotesk Thin Slanted";
		font-weight: 100;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Thin Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk ExtraLight */
	@font-face {
		font-family: "Tomato Grotesk ExtraLight";
		font-weight: 200;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Extra Light.woff2') format('woff2');
	}



	/* Tomato Grotesk ExtraLight Slanted */
	@font-face {
		font-family: "Tomato Grotesk ExtraLight Slanted";
		font-weight: 200;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Extra Light Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk Medium */
	@font-face {
		font-family: "Tomato Grotesk Medium";
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Medium.woff2') format('woff2');
	}



	/* Tomato Grotesk Medium Slanted */
	@font-face {
		font-family: "Tomato Grotesk Medium Slanted";
		font-weight: 500;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Medium Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk SemiBold */
	@font-face {
		font-family: "Tomato Grotesk SemiBold";
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Semibold.woff2') format('woff2');
	}



	/* Tomato Grotesk SemiBold Slanted */
	@font-face {
		font-family: "Tomato Grotesk SemiBold Slanted";
		font-weight: 600;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Semibold Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk ExtraBold */
	@font-face {
		font-family: "Tomato Grotesk ExtraBold";
		font-weight: 800;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Extra Bold.woff2') format('woff2');
	}



	/* Tomato Grotesk ExtraBold Slanted */
	@font-face {
		font-family: "Tomato Grotesk ExtraBold Slanted";
		font-weight: 800;
		font-style: italic;
		font-display: swap;
		src:url('woff2/Tomato Grotesk Extra Bold Slanted.woff2') format('woff2');
	}



	/* Tomato Grotesk VF */
	@font-face {
		font-family: "Tomato Grotesk VF";
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		src:url('woff2/Tomato Grotesk VF.woff2') format('woff2');
	}